<template>
  <div :class="lcd_setter_class">
    <config-item title="缩略图">
      <template #auxiliary><a-button @click="handleCanvas">截取封面</a-button></template>
      <template #enhance><thumbnail :src="canvasImg" :avatar="$imgUrl + '/lcd-icon-editor-thumbnail.png'" /></template>
    </config-item>
  </div>
</template>

<script>
import set from '@/mixins/setter.js';
import htmlCanvas from '@/mixins/htmlCanvas.js';

import { KEY } from './constant';

export default {
  name: `lcd-setter-${KEY}`,
  mixins: [set, htmlCanvas],
  computed: {
    lcd_setter_class() {
      return `lcd-setter-${KEY}`
    }
  }
}
</script>
